<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
    <title>菜单配置</title>
     <link href="/TFUI/libs/ZUI/css/zui.css" rel="stylesheet">
    <link href="/TFUI/libs/table/table-style.css" rel="stylesheet">
    <link href="/TFUI/css/index.css" rel="stylesheet">
    <script src="/TFUI/libs/jquery/jquery-1.8.3.min.js"></script>
    <script src="/TFUI/libs/ZUI/js/zui.min.js"></script>
    <script src="/TFUI/libs/jquery/jquery.ba-hashchange.js"></script>
    <link href="/TFUI/libs/ZUI/lib/chosen/chosen.min.css" rel="stylesheet">
    <script src="/TFUI/libs/ZUI/lib/chosen/chosen.min.js"></script>
    <script src="/TFUI/js/public.js"></script>
    <script type="text/javascript" src="/TFUI/js/md5.js"></script>
    <script type="text/javascript" src="/TFUI/js/utils/CommonUtil.js"></script>
    <script type="text/javascript" src="/TFUI/js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="/TFUI/libs/ZUI/lib/datetimepicker/datetimepicker.min.css">
	<script type="text/javascript" src="/TFUI/libs/ZUI/lib/datetimepicker/datetimepicker.min.js"></script>
	<script type="text/javascript" src="/TFUI/js/utils/datetimepickerInit.js"></script>
	<script type="text/javascript" src="/views/login/loginFilter.js"></script>
	<script type="text/javascript" src="/views/menu/menuPage.js"></script>
	
	<style type="text/css">
	
			#chooseIconWindow ul>li{
				float: left;
				list-style: none;
				width: 155px;
				padding:2px 10px;
			}

			#chooseIconWindow ul>li>span{
				color:#333;
				cursor: pointer;
			}

			#chooseIconWindow ul>li:hover{
				background: #ddd;
			}
	</style>
</head>

<body menuNo="menu_manager_menu">

<div style="padding:10px;height:99vh;overflow-y:auto;font-size:12px;">

	 <button class="btn btn-primary" type="button"  style="margin-top:70%;margin-left:30%;display:none;" id="addMenuBtnId" onclick="MenuPage.openCreateWindow(this , 0 , 0 ,  -1)">新增菜单</button>

	<ul class="tree tree-lines"  data-ride="tree" id="menuLayerId">
<!-- 	  <li>
	    <a href="#"><i class="icon icon-folder-open"></i>水果</a>&nbsp;<i class="icon icon-plus-sign" style="color:blue;cursor:pointer;" title="添加同级节点"></i>&nbsp;<i class="icon icon-plus-sign" style="color:orange;cursor:pointer;" title="添加子节点"></i>&nbsp;<i class="icon icon-edit" title="编辑" style="cursor:pointer;"></i>&nbsp;<i class="icon icon-trash" title="删除" style="cursor:pointer;"></i>
	    <ul>
	      <li><a href="#"><i class="icon icon-file-o"></i>苹果</a></li>
	      <li>
			<a href="#"><button class="btn btn-mini " type="button" disabled="disabled" >新增</button></a>
	      </li>
	      <li><a href="#">梨子</a></li>
	    </ul>
	  </li>
	  <li><a href="#"><i class="icon icon-folder-open"></i>粥饭</a></li> -->
	</ul>

</div>

		<!-- 新增菜单弹窗start -->
		<div class="modal fade" id="addMenuWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title" id="addMenuTitle"></h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					<form class="form-horizontal">
					
						<div class="form-group">
							<label for="add_nickName" class="col-sm-2">类型</label>
							<div class="col-md-6 col-sm-10">
								<select class="form-control"  id="menuTypeSelect" onchange="MenuPage.changeMenuType()">
									<option class="form-control" value="0">菜单</option>
									<option class="form-control" value="1">按钮</option>
								</select>
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_nickName" class="col-sm-2" id="menuNameLabel">菜单名称</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="menuNameInput" autocomplete="off"  placeholder="必填"/>
							</div>
						</div>
						
						<div class="form-group">
						<label for="add_nickName" class="col-sm-2" id="menuNoLabel">菜单编号</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="menuNoInput" autocomplete="off"  placeholder="必填"/>
							</div>
							<div class="col-md-2">
								<button class="btn" type="button" onclick="MenuPage.createMenuNoForInput()">生成编号</button>
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_nickName" class="col-sm-2" id="menuUrlLabel">链接地址</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="menuUrlInput" autocomplete="off">
							</div>
						</div>
						
						<!-- 菜单独有的信息 -->
						<div id="menuInfoDiv">
							
							<div class="form-group">
								<label for="add_password" class="col-sm-2">图标</label>
								<div class="col-md-6 col-sm-10">
									<input type="text" class="form-control" id="iconInput" disabled="disabled" autocomplete="off">
								</div>
								<div class="col-md-2">
									<button class="btn" type="button" onclick="$('#chooseIconWindow').modal();"><span id="showIconSpan"></span>&nbsp;选择图标</button>
								</div>
							</div>
							
						</div>
				
					</form>				  
		      </div>
		      
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary" id="addSysUserBtn" onclick="MenuPage.saveMenu();">保存</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- 新增菜单弹窗end -->
	
		<!-- 弹窗选择图标 -->
		<div class="modal fade" id="chooseIconWindow">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">选择菜单图标</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;height:80vh;overflow-y:auto;">
				<ul class="clearfix">
				<li><span iconName="icon-resize"><i class="icon-resize"></i> resize</span></li><li><span iconName="icon-expand-full"><i class="icon-expand-full"></i> expand-full</span></li><li><span iconName="icon-collapse-full"><i class="icon-collapse-full"></i> collapse-full</span></li><li><span iconName="icon-yinyang"><i class="icon-yinyang"></i> yinyang</span></li><li><span iconName="icon-window"><i class="icon-window"></i> window</span></li><li><span iconName="icon-window-alt"><i class="icon-window-alt"></i> window-alt</span></li><li><span iconName="icon-carousel"><i class="icon-carousel"></i> carousel</span></li><li><span iconName="icon-spinner-snake"><i class="icon-spinner-snake"></i> spinner-snake</span></li><li><span iconName="icon-spinner-indicator"><i class="icon-spinner-indicator"></i> spinner-indicator</span></li><li><span iconName="icon-check-board"><i class="icon-check-board"></i> check-board</span></li><li><span iconName="icon-bar-chart"><i class="icon-bar-chart"></i> bar-chart</span></li><li><span iconName="icon-github"><i class="icon-github"></i> github</span></li><li><span iconName="icon-dot-circle"><i class="icon-dot-circle"></i> dot-circle</span></li><li><span iconName="icon-cube-alt"><i class="icon-cube-alt"></i> cube-alt</span></li><li><span iconName="icon-cubes"><i class="icon-cubes"></i> cubes</span></li><li><span iconName="icon-file-pdf"><i class="icon-file-pdf"></i> file-pdf</span></li><li><span iconName="icon-file-word"><i class="icon-file-word"></i> file-word</span></li><li><span iconName="icon-file-excel"><i class="icon-file-excel"></i> file-excel</span></li><li><span iconName="icon-file-powerpoint"><i class="icon-file-powerpoint"></i> file-powerpoint</span></li><li><span iconName="icon-file-image"><i class="icon-file-image"></i> file-image</span></li><li><span iconName="icon-file-archive"><i class="icon-file-archive"></i> file-archive</span></li><li><span iconName="icon-file-audio"><i class="icon-file-audio"></i> file-audio</span></li><li><span iconName="icon-file-movie"><i class="icon-file-movie"></i> file-movie</span></li><li><span iconName="icon-file-code"><i class="icon-file-code"></i> file-code</span></li><li><span iconName="icon-circle-o-notch"><i class="icon-circle-o-notch"></i> circle-o-notch</span></li><li><span iconName="icon-qq"><i class="icon-qq"></i> qq</span></li><li><span iconName="icon-wechat"><i class="icon-wechat"></i> wechat</span></li><li><span iconName="icon-history"><i class="icon-history"></i> history</span></li><li><span iconName="icon-circle-thin"><i class="icon-circle-thin"></i> circle-thin</span></li><li><span iconName="icon-sliders"><i class="icon-sliders"></i> sliders</span></li><li><span iconName="icon-newspaper-o"><i class="icon-newspaper-o"></i> newspaper-o</span></li><li><span iconName="icon-calculator"><i class="icon-calculator"></i> calculator</span></li><li><span iconName="icon-paint-brush"><i class="icon-paint-brush"></i> paint-brush</span></li><li><span iconName="icon-area-chart"><i class="icon-area-chart"></i> area-chart</span></li><li><span iconName="icon-pie-chart"><i class="icon-pie-chart"></i> pie-chart</span></li><li><span iconName="icon-line-chart"><i class="icon-line-chart"></i> line-chart</span></li><li><span iconName="icon-toggle-off"><i class="icon-toggle-off"></i> toggle-off</span></li><li><span iconName="icon-toggle-on"><i class="icon-toggle-on"></i> toggle-on</span></li><li><span iconName="icon-diamond"><i class="icon-diamond"></i> diamond</span></li><li><span iconName="icon-venus"><i class="icon-venus"></i> venus</span></li><li><span iconName="icon-mars"><i class="icon-mars"></i> mars</span></li><li><span iconName="icon-server"><i class="icon-server"></i> server</span></li><li><span iconName="icon-music"><i class="icon-music"></i> music</span></li><li><span iconName="icon-search"><i class="icon-search"></i> search</span></li><li><span iconName="icon-envelope"><i class="icon-envelope"></i> envelope</span></li><li><span iconName="icon-heart"><i class="icon-heart"></i> heart</span></li><li><span iconName="icon-star"><i class="icon-star"></i> star</span></li><li><span iconName="icon-star-empty"><i class="icon-star-empty"></i> star-empty</span></li><li><span iconName="icon-user"><i class="icon-user"></i> user</span></li><li><span iconName="icon-film"><i class="icon-film"></i> film</span></li><li><span iconName="icon-th-large"><i class="icon-th-large"></i> th-large</span></li><li><span iconName="icon-th"><i class="icon-th"></i> th</span></li><li><span iconName="icon-th-list"><i class="icon-th-list"></i> th-list</span></li><li><span iconName="icon-check"><i class="icon-check"></i> check</span></li><li><span iconName="icon-times"><i class="icon-times"></i> times</span></li><li><span iconName="icon-zoom-in"><i class="icon-zoom-in"></i> zoom-in</span></li><li><span iconName="icon-zoom-out"><i class="icon-zoom-out"></i> zoom-out</span></li><li><span iconName="icon-off"><i class="icon-off"></i> off</span></li><li><span iconName="icon-cog"><i class="icon-cog"></i> cog</span></li><li><span iconName="icon-trash"><i class="icon-trash"></i> trash</span></li><li><span iconName="icon-home"><i class="icon-home"></i> home</span></li><li><span iconName="icon-file-o"><i class="icon-file-o"></i> file-o</span></li><li><span iconName="icon-time"><i class="icon-time"></i> time</span></li><li><span iconName="icon-download-alt"><i class="icon-download-alt"></i> download-alt</span></li><li><span iconName="icon-download"><i class="icon-download"></i> download</span></li><li><span iconName="icon-upload"><i class="icon-upload"></i> upload</span></li><li><span iconName="icon-inbox"><i class="icon-inbox"></i> inbox</span></li><li><span iconName="icon-play-circle"><i class="icon-play-circle"></i> play-circle</span></li><li><span iconName="icon-repeat"><i class="icon-repeat"></i> repeat</span></li><li><span iconName="icon-refresh"><i class="icon-refresh"></i> refresh</span></li><li><span iconName="icon-list-alt"><i class="icon-list-alt"></i> list-alt</span></li><li><span iconName="icon-lock"><i class="icon-lock"></i> lock</span></li><li><span iconName="icon-flag"><i class="icon-flag"></i> flag</span></li><li><span iconName="icon-headphones"><i class="icon-headphones"></i> headphones</span></li><li><span iconName="icon-volume-off"><i class="icon-volume-off"></i> volume-off</span></li><li><span iconName="icon-volume-up"><i class="icon-volume-up"></i> volume-up</span></li><li><span iconName="icon-qrcode"><i class="icon-qrcode"></i> qrcode</span></li><li><span iconName="icon-barcode"><i class="icon-barcode"></i> barcode</span></li><li><span iconName="icon-tag"><i class="icon-tag"></i> tag</span></li><li><span iconName="icon-tags"><i class="icon-tags"></i> tags</span></li><li><span iconName="icon-book"><i class="icon-book"></i> book</span></li><li><span iconName="icon-bookmark"><i class="icon-bookmark"></i> bookmark</span></li><li><span iconName="icon-print"><i class="icon-print"></i> print</span></li><li><span iconName="icon-camera"><i class="icon-camera"></i> camera</span></li><li><span iconName="icon-font"><i class="icon-font"></i> font</span></li><li><span iconName="icon-bold"><i class="icon-bold"></i> bold</span></li><li><span iconName="icon-italic"><i class="icon-italic"></i> italic</span></li><li><span iconName="icon-header"><i class="icon-header"></i> header</span></li><li><span iconName="icon-underline"><i class="icon-underline"></i> underline</span></li><li><span iconName="icon-strikethrough"><i class="icon-strikethrough"></i> strikethrough</span></li><li><span iconName="icon-eraser"><i class="icon-eraser"></i> eraser</span></li><li><span iconName="icon-align-justify"><i class="icon-align-justify"></i> align-justify</span></li><li><span iconName="icon-align-left"><i class="icon-align-left"></i> align-left</span></li><li><span iconName="icon-list"><i class="icon-list"></i> list</span></li><li><span iconName="icon-picture"><i class="icon-picture"></i> picture</span></li><li><span iconName="icon-pencil"><i class="icon-pencil"></i> pencil</span></li><li><span iconName="icon-map-marker"><i class="icon-map-marker"></i> map-marker</span></li><li><span iconName="icon-adjust"><i class="icon-adjust"></i> adjust</span></li><li><span iconName="icon-tint"><i class="icon-tint"></i> tint</span></li><li><span iconName="icon-edit"><i class="icon-edit"></i> edit</span></li><li><span iconName="icon-share"><i class="icon-share"></i> share</span></li><li><span iconName="icon-checked"><i class="icon-checked"></i> checked</span></li><li><span iconName="icon-arrows"><i class="icon-arrows"></i> arrows</span></li><li><span iconName="icon-step-backward"><i class="icon-step-backward"></i> step-backward</span></li><li><span iconName="icon-fast-backward"><i class="icon-fast-backward"></i> fast-backward</span></li><li><span iconName="icon-backward"><i class="icon-backward"></i> backward</span></li><li><span iconName="icon-play"><i class="icon-play"></i> play</span></li><li><span iconName="icon-pause"><i class="icon-pause"></i> pause</span></li><li><span iconName="icon-stop"><i class="icon-stop"></i> stop</span></li><li><span iconName="icon-forward"><i class="icon-forward"></i> forward</span></li><li><span iconName="icon-fast-forward"><i class="icon-fast-forward"></i> fast-forward</span></li><li><span iconName="icon-step-forward"><i class="icon-step-forward"></i> step-forward</span></li><li><span iconName="icon-eject"><i class="icon-eject"></i> eject</span></li><li><span iconName="icon-chevron-left"><i class="icon-chevron-left"></i> chevron-left</span></li><li><span iconName="icon-chevron-right"><i class="icon-chevron-right"></i> chevron-right</span></li><li><span iconName="icon-plus-sign"><i class="icon-plus-sign"></i> plus-sign</span></li><li><span iconName="icon-minus-sign"><i class="icon-minus-sign"></i> minus-sign</span></li><li><span iconName="icon-remove-sign"><i class="icon-remove-sign"></i> remove-sign</span></li><li><span iconName="icon-check-circle"><i class="icon-check-circle"></i> check-circle</span></li><li><span iconName="icon-question-sign"><i class="icon-question-sign"></i> question-sign</span></li><li><span iconName="icon-info-sign"><i class="icon-info-sign"></i> info-sign</span></li><li><span iconName="icon-remove-circle"><i class="icon-remove-circle"></i> remove-circle</span></li><li><span iconName="icon-check-circle-o"><i class="icon-check-circle-o"></i> check-circle-o</span></li><li><span iconName="icon-ban-circle"><i class="icon-ban-circle"></i> ban-circle</span></li><li><span iconName="icon-arrow-left"><i class="icon-arrow-left"></i> arrow-left</span></li><li><span iconName="icon-arrow-right"><i class="icon-arrow-right"></i> arrow-right</span></li><li><span iconName="icon-arrow-up"><i class="icon-arrow-up"></i> arrow-up</span></li><li><span iconName="icon-arrow-down"><i class="icon-arrow-down"></i> arrow-down</span></li><li><span iconName="icon-share-alt"><i class="icon-share-alt"></i> share-alt</span></li><li><span iconName="icon-resize-full"><i class="icon-resize-full"></i> resize-full</span></li><li><span iconName="icon-resize-small"><i class="icon-resize-small"></i> resize-small</span></li><li><span iconName="icon-plus"><i class="icon-plus"></i> plus</span></li><li><span iconName="icon-minus"><i class="icon-minus"></i> minus</span></li><li><span iconName="icon-asterisk"><i class="icon-asterisk"></i> asterisk</span></li><li><span iconName="icon-exclamation-sign"><i class="icon-exclamation-sign"></i> exclamation-sign</span></li><li><span iconName="icon-gift"><i class="icon-gift"></i> gift</span></li><li><span iconName="icon-leaf"><i class="icon-leaf"></i> leaf</span></li><li><span iconName="icon-eye-open"><i class="icon-eye-open"></i> eye-open</span></li><li><span iconName="icon-eye-close"><i class="icon-eye-close"></i> eye-close</span></li><li><span iconName="icon-warning-sign"><i class="icon-warning-sign"></i> warning-sign</span></li><li><span iconName="icon-plane"><i class="icon-plane"></i> plane</span></li><li><span iconName="icon-calendar"><i class="icon-calendar"></i> calendar</span></li><li><span iconName="icon-random"><i class="icon-random"></i> random</span></li><li><span iconName="icon-comment"><i class="icon-comment"></i> comment</span></li><li><span iconName="icon-chevron-up"><i class="icon-chevron-up"></i> chevron-up</span></li><li><span iconName="icon-chevron-down"><i class="icon-chevron-down"></i> chevron-down</span></li><li><span iconName="icon-shopping-cart"><i class="icon-shopping-cart"></i> shopping-cart</span></li><li><span iconName="icon-folder-close"><i class="icon-folder-close"></i> folder-close</span></li><li><span iconName="icon-folder-open"><i class="icon-folder-open"></i> folder-open</span></li><li><span iconName="icon-resize-v"><i class="icon-resize-v"></i> resize-v</span></li><li><span iconName="icon-resize-h"><i class="icon-resize-h"></i> resize-h</span></li><li><span iconName="icon-bar-chart-alt"><i class="icon-bar-chart-alt"></i> bar-chart-alt</span></li><li><span iconName="icon-camera-retro"><i class="icon-camera-retro"></i> camera-retro</span></li><li><span iconName="icon-key"><i class="icon-key"></i> key</span></li><li><span iconName="icon-cogs"><i class="icon-cogs"></i> cogs</span></li><li><span iconName="icon-comments"><i class="icon-comments"></i> comments</span></li><li><span iconName="icon-thumbs-o-up"><i class="icon-thumbs-o-up"></i> thumbs-o-up</span></li><li><span iconName="icon-thumbs-o-down"><i class="icon-thumbs-o-down"></i> thumbs-o-down</span></li><li><span iconName="icon-star-half"><i class="icon-star-half"></i> star-half</span></li><li><span iconName="icon-heart-empty"><i class="icon-heart-empty"></i> heart-empty</span></li><li><span iconName="icon-signout"><i class="icon-signout"></i> signout</span></li><li><span iconName="icon-pushpin"><i class="icon-pushpin"></i> pushpin</span></li><li><span iconName="icon-external-link"><i class="icon-external-link"></i> external-link</span></li><li><span iconName="icon-signin"><i class="icon-signin"></i> signin</span></li><li><span iconName="icon-trophy"><i class="icon-trophy"></i> trophy</span></li><li><span iconName="icon-upload-alt"><i class="icon-upload-alt"></i> upload-alt</span></li><li><span iconName="icon-lemon"><i class="icon-lemon"></i> lemon</span></li><li><span iconName="icon-phone"><i class="icon-phone"></i> phone</span></li><li><span iconName="icon-check-empty"><i class="icon-check-empty"></i> check-empty</span></li><li><span iconName="icon-bookmark-empty"><i class="icon-bookmark-empty"></i> bookmark-empty</span></li><li><span iconName="icon-phone-sign"><i class="icon-phone-sign"></i> phone-sign</span></li><li><span iconName="icon-credit"><i class="icon-credit"></i> credit</span></li><li><span iconName="icon-rss"><i class="icon-rss"></i> rss</span></li><li><span iconName="icon-hdd"><i class="icon-hdd"></i> hdd</span></li><li><span iconName="icon-bullhorn"><i class="icon-bullhorn"></i> bullhorn</span></li><li><span iconName="icon-bell"><i class="icon-bell"></i> bell</span></li><li><span iconName="icon-certificate"><i class="icon-certificate"></i> certificate</span></li><li><span iconName="icon-hand-right"><i class="icon-hand-right"></i> hand-right</span></li><li><span iconName="icon-hand-left"><i class="icon-hand-left"></i> hand-left</span></li><li><span iconName="icon-hand-up"><i class="icon-hand-up"></i> hand-up</span></li><li><span iconName="icon-hand-down"><i class="icon-hand-down"></i> hand-down</span></li><li><span iconName="icon-circle-arrow-left"><i class="icon-circle-arrow-left"></i> circle-arrow-left</span></li><li><span iconName="icon-circle-arrow-right"><i class="icon-circle-arrow-right"></i> circle-arrow-right</span></li><li><span iconName="icon-circle-arrow-up"><i class="icon-circle-arrow-up"></i> circle-arrow-up</span></li><li><span iconName="icon-circle-arrow-down"><i class="icon-circle-arrow-down"></i> circle-arrow-down</span></li><li><span iconName="icon-globe"><i class="icon-globe"></i> globe</span></li><li><span iconName="icon-wrench"><i class="icon-wrench"></i> wrench</span></li><li><span iconName="icon-tasks"><i class="icon-tasks"></i> tasks</span></li><li><span iconName="icon-filter"><i class="icon-filter"></i> filter</span></li><li><span iconName="icon-group"><i class="icon-group"></i> group</span></li><li><span iconName="icon-link"><i class="icon-link"></i> link</span></li><li><span iconName="icon-cloud"><i class="icon-cloud"></i> cloud</span></li><li><span iconName="icon-beaker"><i class="icon-beaker"></i> beaker</span></li><li><span iconName="icon-cut"><i class="icon-cut"></i> cut</span></li><li><span iconName="icon-copy"><i class="icon-copy"></i> copy</span></li><li><span iconName="icon-paper-clip"><i class="icon-paper-clip"></i> paper-clip</span></li><li><span iconName="icon-save"><i class="icon-save"></i> save</span></li><li><span iconName="icon-sign-blank"><i class="icon-sign-blank"></i> sign-blank</span></li><li><span iconName="icon-bars"><i class="icon-bars"></i> bars</span></li><li><span iconName="icon-list-ul"><i class="icon-list-ul"></i> list-ul</span></li><li><span iconName="icon-list-ol"><i class="icon-list-ol"></i> list-ol</span></li><li><span iconName="icon-table"><i class="icon-table"></i> table</span></li><li><span iconName="icon-magic"><i class="icon-magic"></i> magic</span></li><li><span iconName="icon-caret-down"><i class="icon-caret-down"></i> caret-down</span></li><li><span iconName="icon-caret-up"><i class="icon-caret-up"></i> caret-up</span></li><li><span iconName="icon-caret-left"><i class="icon-caret-left"></i> caret-left</span></li><li><span iconName="icon-caret-right"><i class="icon-caret-right"></i> caret-right</span></li><li><span iconName="icon-columns"><i class="icon-columns"></i> columns</span></li><li><span iconName="icon-sort"><i class="icon-sort"></i> sort</span></li><li><span iconName="icon-sort-down"><i class="icon-sort-down"></i> sort-down</span></li><li><span iconName="icon-sort-up"><i class="icon-sort-up"></i> sort-up</span></li><li><span iconName="icon-envelope-alt"><i class="icon-envelope-alt"></i> envelope-alt</span></li><li><span iconName="icon-undo"><i class="icon-undo"></i> undo</span></li><li><span iconName="icon-dashboard"><i class="icon-dashboard"></i> dashboard</span></li><li><span iconName="icon-comment-alt"><i class="icon-comment-alt"></i> comment-alt</span></li><li><span iconName="icon-comments-alt"><i class="icon-comments-alt"></i> comments-alt</span></li><li><span iconName="icon-bolt"><i class="icon-bolt"></i> bolt</span></li><li><span iconName="icon-sitemap"><i class="icon-sitemap"></i> sitemap</span></li><li><span iconName="icon-umbrella"><i class="icon-umbrella"></i> umbrella</span></li><li><span iconName="icon-paste"><i class="icon-paste"></i> paste</span></li><li><span iconName="icon-lightbulb"><i class="icon-lightbulb"></i> lightbulb</span></li><li><span iconName="icon-exchange"><i class="icon-exchange"></i> exchange</span></li><li><span iconName="icon-cloud-download"><i class="icon-cloud-download"></i> cloud-download</span></li><li><span iconName="icon-cloud-upload"><i class="icon-cloud-upload"></i> cloud-upload</span></li><li><span iconName="icon-bell-alt"><i class="icon-bell-alt"></i> bell-alt</span></li><li><span iconName="icon-coffee"><i class="icon-coffee"></i> coffee</span></li><li><span iconName="icon-file-text-o"><i class="icon-file-text-o"></i> file-text-o</span></li><li><span iconName="icon-building"><i class="icon-building"></i> building</span></li><li><span iconName="icon-double-angle-left"><i class="icon-double-angle-left"></i> double-angle-left</span></li><li><span iconName="icon-double-angle-right"><i class="icon-double-angle-right"></i> double-angle-right</span></li><li><span iconName="icon-double-angle-up"><i class="icon-double-angle-up"></i> double-angle-up</span></li><li><span iconName="icon-double-angle-down"><i class="icon-double-angle-down"></i> double-angle-down</span></li><li><span iconName="icon-angle-left"><i class="icon-angle-left"></i> angle-left</span></li><li><span iconName="icon-angle-right"><i class="icon-angle-right"></i> angle-right</span></li><li><span iconName="icon-angle-up"><i class="icon-angle-up"></i> angle-up</span></li><li><span iconName="icon-angle-down"><i class="icon-angle-down"></i> angle-down</span></li><li><span iconName="icon-desktop"><i class="icon-desktop"></i> desktop</span></li><li><span iconName="icon-laptop"><i class="icon-laptop"></i> laptop</span></li><li><span iconName="icon-tablet"><i class="icon-tablet"></i> tablet</span></li><li><span iconName="icon-mobile"><i class="icon-mobile"></i> mobile</span></li><li><span iconName="icon-circle-blank"><i class="icon-circle-blank"></i> circle-blank</span></li><li><span iconName="icon-quote-left"><i class="icon-quote-left"></i> quote-left</span></li><li><span iconName="icon-quote-right"><i class="icon-quote-right"></i> quote-right</span></li><li><span iconName="icon-spinner"><i class="icon-spinner"></i> spinner</span></li><li><span iconName="icon-circle"><i class="icon-circle"></i> circle</span></li><li><span iconName="icon-reply"><i class="icon-reply"></i> reply</span></li><li><span iconName="icon-folder-close-alt"><i class="icon-folder-close-alt"></i> folder-close-alt</span></li><li><span iconName="icon-folder-open-alt"><i class="icon-folder-open-alt"></i> folder-open-alt</span></li><li><span iconName="icon-expand-alt"><i class="icon-expand-alt"></i> expand-alt</span></li><li><span iconName="icon-collapse-alt"><i class="icon-collapse-alt"></i> collapse-alt</span></li><li><span iconName="icon-smile"><i class="icon-smile"></i> smile</span></li><li><span iconName="icon-frown"><i class="icon-frown"></i> frown</span></li><li><span iconName="icon-meh"><i class="icon-meh"></i> meh</span></li><li><span iconName="icon-gamepad"><i class="icon-gamepad"></i> gamepad</span></li><li><span iconName="icon-keyboard"><i class="icon-keyboard"></i> keyboard</span></li><li><span iconName="icon-flag-alt"><i class="icon-flag-alt"></i> flag-alt</span></li><li><span iconName="icon-flag-checkered"><i class="icon-flag-checkered"></i> flag-checkered</span></li><li><span iconName="icon-terminal"><i class="icon-terminal"></i> terminal</span></li><li><span iconName="icon-code"><i class="icon-code"></i> code</span></li><li><span iconName="icon-reply-all"><i class="icon-reply-all"></i> reply-all</span></li><li><span iconName="icon-star-half-full"><i class="icon-star-half-full"></i> star-half-full</span></li><li><span iconName="icon-location-arrow"><i class="icon-location-arrow"></i> location-arrow</span></li><li><span iconName="icon-crop"><i class="icon-crop"></i> crop</span></li><li><span iconName="icon-code-fork"><i class="icon-code-fork"></i> code-fork</span></li><li><span iconName="icon-unlink"><i class="icon-unlink"></i> unlink</span></li><li><span iconName="icon-question"><i class="icon-question"></i> question</span></li><li><span iconName="icon-info"><i class="icon-info"></i> info</span></li><li><span iconName="icon-shield"><i class="icon-shield"></i> shield</span></li><li><span iconName="icon-calendar-empty"><i class="icon-calendar-empty"></i> calendar-empty</span></li><li><span iconName="icon-rocket"><i class="icon-rocket"></i> rocket</span></li><li><span iconName="icon-chevron-sign-left"><i class="icon-chevron-sign-left"></i> chevron-sign-left</span></li><li><span iconName="icon-chevron-sign-right"><i class="icon-chevron-sign-right"></i> chevron-sign-right</span></li><li><span iconName="icon-chevron-sign-up"><i class="icon-chevron-sign-up"></i> chevron-sign-up</span></li><li><span iconName="icon-chevron-sign-down"><i class="icon-chevron-sign-down"></i> chevron-sign-down</span></li><li><span iconName="icon-html5"><i class="icon-html5"></i> html5</span></li><li><span iconName="icon-anchor"><i class="icon-anchor"></i> anchor</span></li><li><span iconName="icon-unlock-alt"><i class="icon-unlock-alt"></i> unlock-alt</span></li><li><span iconName="icon-bullseye"><i class="icon-bullseye"></i> bullseye</span></li><li><span iconName="icon-ellipsis-h"><i class="icon-ellipsis-h"></i> ellipsis-h</span></li><li><span iconName="icon-ellipsis-v"><i class="icon-ellipsis-v"></i> ellipsis-v</span></li><li><span iconName="icon-rss-sign"><i class="icon-rss-sign"></i> rss-sign</span></li><li><span iconName="icon-play-sign"><i class="icon-play-sign"></i> play-sign</span></li><li><span iconName="icon-minus-sign-alt"><i class="icon-minus-sign-alt"></i> minus-sign-alt</span></li><li><span iconName="icon-check-minus"><i class="icon-check-minus"></i> check-minus</span></li><li><span iconName="icon-level-up"><i class="icon-level-up"></i> level-up</span></li><li><span iconName="icon-level-down"><i class="icon-level-down"></i> level-down</span></li><li><span iconName="icon-check-sign"><i class="icon-check-sign"></i> check-sign</span></li><li><span iconName="icon-edit-sign"><i class="icon-edit-sign"></i> edit-sign</span></li><li><span iconName="icon-external-link-sign"><i class="icon-external-link-sign"></i> external-link-sign</span></li><li><span iconName="icon-share-sign"><i class="icon-share-sign"></i> share-sign</span></li><li><span iconName="icon-compass"><i class="icon-compass"></i> compass</span></li><li><span iconName="icon-collapse"><i class="icon-collapse"></i> collapse</span></li><li><span iconName="icon-collapse-top"><i class="icon-collapse-top"></i> collapse-top</span></li><li><span iconName="icon-expand"><i class="icon-expand"></i> expand</span></li><li><span iconName="icon-dollar"><i class="icon-dollar"></i> dollar</span></li><li><span iconName="icon-yen"><i class="icon-yen"></i> yen</span></li><li><span iconName="icon-file"><i class="icon-file"></i> file</span></li><li><span iconName="icon-file-text"><i class="icon-file-text"></i> file-text</span></li><li><span iconName="icon-sort-by-alphabet"><i class="icon-sort-by-alphabet"></i> sort-by-alphabet</span></li><li><span iconName="icon-sort-by-alphabet-alt"><i class="icon-sort-by-alphabet-alt"></i> sort-by-alphabet-alt</span></li><li><span iconName="icon-sort-by-attributes"><i class="icon-sort-by-attributes"></i> sort-by-attributes</span></li><li><span iconName="icon-sort-by-attributes-alt"><i class="icon-sort-by-attributes-alt"></i> sort-by-attributes-alt</span></li><li><span iconName="icon-sort-by-order"><i class="icon-sort-by-order"></i> sort-by-order</span></li><li><span iconName="icon-sort-by-order-alt"><i class="icon-sort-by-order-alt"></i> sort-by-order-alt</span></li><li><span iconName="icon-thumbs-up"><i class="icon-thumbs-up"></i> thumbs-up</span></li><li><span iconName="icon-thumbs-down"><i class="icon-thumbs-down"></i> thumbs-down</span></li><li><span iconName="icon-long-arrow-down"><i class="icon-long-arrow-down"></i> long-arrow-down</span></li><li><span iconName="icon-long-arrow-up"><i class="icon-long-arrow-up"></i> long-arrow-up</span></li><li><span iconName="icon-long-arrow-left"><i class="icon-long-arrow-left"></i> long-arrow-left</span></li><li><span iconName="icon-long-arrow-right"><i class="icon-long-arrow-right"></i> long-arrow-right</span></li><li><span iconName="icon-apple"><i class="icon-apple"></i> apple</span></li><li><span iconName="icon-windows"><i class="icon-windows"></i> windows</span></li><li><span iconName="icon-android"><i class="icon-android"></i> android</span></li><li><span iconName="icon-linux"><i class="icon-linux"></i> linux</span></li><li><span iconName="icon-sun"><i class="icon-sun"></i> sun</span></li><li><span iconName="icon-moon"><i class="icon-moon"></i> moon</span></li><li><span iconName="icon-archive"><i class="icon-archive"></i> archive</span></li><li><span iconName="icon-bug"><i class="icon-bug"></i> bug</span></li><li><span iconName="icon-zhifubao"><i class="icon-zhifubao"></i> zhifubao</span></li><li><span iconName="icon-zhifubao-square"><i class="icon-zhifubao-square"></i> zhifubao-square</span></li><li><span iconName="icon-taobao"><i class="icon-taobao"></i> taobao</span></li><li><span iconName="icon-weibo"><i class="icon-weibo"></i> weibo</span></li><li><span iconName="icon-renren"><i class="icon-renren"></i> renren</span></li><li><span iconName="icon-chrome"><i class="icon-chrome"></i> chrome</span></li><li><span iconName="icon-firefox"><i class="icon-firefox"></i> firefox</span></li><li><span iconName="icon-ie"><i class="icon-ie"></i> ie</span></li><li><span iconName="icon-opera"><i class="icon-opera"></i> opera</span></li><li><span iconName="icon-safari"><i class="icon-safari"></i> safari</span></li><li><span iconName="icon-node"><i class="icon-node"></i> node</span></li><li><span iconName="icon-layout"><i class="icon-layout"></i> layout</span></li><li><span iconName="icon-usecase"><i class="icon-usecase"></i> usecase</span></li><li><span iconName="icon-stack"><i class="icon-stack"></i> stack</span></li><li><span iconName="icon-branch"><i class="icon-branch"></i> branch</span></li><li><span iconName="icon-chat"><i class="icon-chat"></i> chat</span></li><li><span iconName="icon-chat-line"><i class="icon-chat-line"></i> chat-line</span></li><li><span iconName="icon-chat-dot"><i class="icon-chat-dot"></i> chat-dot</span></li><li><span iconName="icon-cube"><i class="icon-cube"></i> cube</span></li><li><span iconName="icon-database"><i class="icon-database"></i> database</span></li></ul>
		      </div>
		      <div class="modal-footer">
		      </div>
		    </div>
		  </div>
		</div>
		
		<!-- 删除确认弹窗start -->
		<div class="modal fade" id="deleteMenuWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">提示</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					
					<h4 style="text-align:center;">
						<i class="icon icon-trash icon-2x"></i>&nbsp;&nbsp;确认要删除吗?
					</h4>
				  	
		      </div>
		      
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		      	<button type="button" class="btn btn-primary" id="deleteSysUserBtn" onclick="MenuPage.deleteMenu();">确定</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- 删除确认弹窗end -->
		
</body>

<script>


</script>


</html>
